<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="../lib/metro.css" rel="stylesheet">

    <title>Catalog Menu - Metro UI :: Popular HTML, CSS and JS library</title>

</head>
<body class="cloak h-100-vh">
<nav data-role="appbar" class="border-bottom bd-default" data-expand="true">
    <div class="app-bar-item-static no-hover">
        <div class="text-leader">Catalog Menu</div>
    </div>
    <div class="app-bar-item-static no-hover ml-auto">
        <input type="checkbox" data-role="theme-switcher"/>
    </div>
</nav>

<div class="container mt-20">
    <nav data-role="catalog-menu" data-toggle="#catalog-toggle" class="z-2">
        <ul class="catalog-list">
            <li class="catalog-item">
                <a href="https://allo.ua/ua/xiaomi-store/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/Xiaomi_RED.svg" class="icon" loading="lazy">
                    Xiaomi
                </a>
                <div class="catalog-item-content">
                    Xiaomi
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/monocikly-i-segvei/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/Scooter.svg" class="icon" loading="lazy">
                    Transport and cycling
                </a>
                <div class="catalog-item-content">
                    Transport and cycling
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/mobilnye-telefony-i-sredstva-svyazi/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_1.svg" class="icon" loading="lazy">
                    Smartphones and phones
                </a>
                <div class="catalog-item-content">
                    Smartphones and phones
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/televizory-i-mediapleery/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_2.svg" class="icon" loading="lazy">
                    TV and Multimedia
                </a>
                <div class="catalog-item-content">
                    TV and Multimedia
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/bytovaya-tehnika/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_3.svg" class="icon" loading="lazy">
                    Home Appliances
                </a>
                <div class="catalog-item-content">
                    Home Appliances
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/planshety-i-gadzhety/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_4.svg" class="icon" loading="lazy">
                    Laptops, PCs and Tablets
                </a>
                <div class="catalog-item-content">
                    Laptops, PCs and Tablets
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/game-zone/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_16.svg" class="icon" loading="lazy">
                    Gaming Products
                </a>
                <div class="catalog-item-content">
                    Gaming Products
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/gadzhety/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_5.svg" class="icon" loading="lazy">
                    Smartwatches and Gadgets
                </a>
                <div class="catalog-item-content">
                    Smartwatches and Gadgets
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/naushniki-i-akustika/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_6.svg" class="icon" loading="lazy">
                    Audio
                </a>
                <div class="catalog-item-content">
                    Audio
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/sport-i-zdorov-e/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_7.svg" class="icon" loading="lazy">
                    Sports and Health
                </a>
                <div class="catalog-item-content">
                    Sports and Health
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/turizm-i-rybalka/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_8.svg" class="icon" loading="lazy">
                    Tourism and Fishing
                </a>
                <div class="catalog-item-content">
                    Tourism and Fishing
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/santehnika-i-remont/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_9.svg" class="icon" loading="lazy">
                    Repair and Equipment
                </a>
                <div class="catalog-item-content">
                    Repair and Equipment
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/dom-sad-remont/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_10.svg" class="icon" loading="lazy">
                    Cottage, Home and Garden
                </a>
                <div class="catalog-item-content">
                    Cottage, Home and Garden
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/zootovary/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_11.svg" class="icon" loading="lazy">
                    Pet Supplies
                </a>
                <div class="catalog-item-content">
                    Pet Supplies
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/tovary-dlja-detej/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_12.svg" class="icon" loading="lazy">
                    Children's Products
                </a>
                <div class="catalog-item-content">
                    Children's Products
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/avtotovary/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_13.svg" class="icon" loading="lazy">
                    Auto and Moto Products
                </a>
                <div class="catalog-item-content">
                    Auto and Moto Products
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/al-ternativnye-istochniki-jenergii/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/trumaj_zarjad_black.svg" class="icon" loading="lazy">
                    Keep Charged
                </a>
                <div class="catalog-item-content">
                    Keep Charged
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/odezhda/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_14.svg" class="icon" loading="lazy">
                    Clothing and Accessories
                </a>
                <div class="catalog-item-content">
                    Clothing and Accessories
                </div>
            </li>
            <li class="catalog-item">
                <a href="https://allo.ua/ua/chasy-i-ukrashenija/" class="mm__a">
                    <img src="https://i.allo.ua/media/catalog/category/mega_menu/file_15.svg" class="icon" loading="lazy">
                    Perfumes, Care, Jewelry
                </a>
                <div class="catalog-item-content">
                    Perfumes, Care, Jewelry
                </div>
            </li>
        </ul>
    </nav>
</div>

<script src="../lib/metro.js"></script>
<script>
</script>
</body>
</html>
